<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <!-- 
    img是行内块元素
    src属性，图片地址
    alt属性，图片描述，有些浏览器图片无法加载的时候显示，搜索引擎会识别alt的内容
    width
    height 高宽如果只修改了一个，则另一个会等比例缩放
   -->
  <img src="https://img1.baidu.com/it/u=3712997108,442011921&fm=253&fmt=auto&app=138&f=JPEG?w=889&h=500" alt="">
  <!-- 
    图片格式：
    jpeg(jpg)：支持的颜色比较丰富，不支持透明效果，不支持动图
    gif：支持颜比较少，支持简单透明，支持动图
    png：支持的颜色比较丰富，支持复杂透明效果，不支持动图
    webp：谷歌新推出的网页中的图片的一种格式，具备其他的优点，文件小
   -->
</body>

</html>